<template>
	<div>
		<div class="flex w-full">
			<UserData></UserData>
			<AttendanceData></AttendanceData>
		</div>
		<div class="flex w-full" style="height: 24rem;">
			<ProjectData></ProjectData>
			<SalaryData></SalaryData>
		</div>
	</div>
</template>

<script>
	import AttendanceData from '@/pages/Dashboard/AttendanceData';
	import ProjectData from '@/pages/Dashboard/ProjectData';
	import SalaryData from '@/pages/Dashboard/SalaryData';
	import UserData from '@/pages/Dashboard/UserData';
	
	export default {
		name: 'Dashboard',
		components: {
			AttendanceData,
			ProjectData,
			SalaryData,
			UserData
		}
	}
</script>